<!DOCTYPE html>
<html lang="en"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.thymeleaf.org"
      layout:decorator="layout/m_master">

<div layout:fragment="content">
    <div class="page-group">
        <div class="page page_manage_index">
            <div th:replace="layout/m_layout::m_nav"></div>

            <div class="page-content">
                <header class="manage-head">
                    <div class="head-user">
                        <div class="avatar">
                            <a class="external" href="/m/center/singlephoto">
                                <img class="pic"
                                     th:src="${userinfo.photo}"/>
                                <span class="photo_check array_check_3">审核通过</span>
                            </a>
                        </div>
                        <div class="info">
                            <a class="external" href="/m/center/single/modify">
                                <div class="nickname">
                                    [[${userinfo.nickname}]]
                                    <span th:if="${userinfo.gender eq 1}" class="icon gender_1"></span>
                                    <span th:if="${userinfo.gender eq 2}" class="icon gender_2"></span>
                                    <font style="font-size: .6rem;"> ID:[[${userinfo.userId}]]</font>
                                </div>
                            </a>
                            <div class="authbox">
                                <a class="arrow pl" href="/m/center/auth">
                                    <i th:class="${userinfo.authIdentity eq 1 ?'auth-icon idcard icon-bottlecms-25 on':'auth-icon idcard icon-bottlecms-25'}"></i>
                                    <i th:class="${bcSingleContacts.isCheck eq 1 ?'auth-icon mobile on':'auth-icon mobile'}"></i>
                                    <i th:class="${userinfo.albumNum gt 2 ?'auth-icon photo on':'auth-icon photo'}"></i>
                                    <i th:class="${userinfo.authEducation eq 1 ?'auth-icon education on':'auth-icon education photo'}"></i>
                                    <i th:class="${userinfo.authWork eq 1 ?'auth-icon work on':'auth-icon work '}"></i>
                                    <i th:class="${userinfo.authHause eq 1 ?'auth-icon hause on':'auth-icon hause'}"></i>
                                    <i th:class="${userinfo.authCar eq 1 ?'auth-icon car on':'auth-icon car'}"></i>
                                    <!-- <i class="auth-icon wechat"></i>
                                         <i class="auth-icon email"></i>
                                         <i class="auth-icon vip"></i>
                                         <i class="auth-icon face"></i> -->
                                </a>
                            </div>
                            <div class="signature ellipsis2">
                                什么都没有留下～
                            </div>
                        </div>
                    </div>

                    <!--                    <a class="switch" href="https://demo.bottlecms.com/m/meipo/manage">我要当媒婆</a>-->


                </header>
                <section>

                    <nav class="handle-list">
                        <a class="list-item enter external" href="/m/center/single/modify">
                            <div class="left-icon">
                                <i class="icon-bottlecms-34"></i>
                            </div>
                            <div class="item-title">
                                我的资料
                            </div>
                            <div class="item-info">
                                完整度<font bc-name='completion'>0</font>%
                            </div>
                        </a>
                        <a class="list-item enter external" href="/m/center/photo">
                            <div class="left-icon">
                                <i class="icon-bottlecms-31"></i>
                            </div>
                            <div class="item-title">
                                相册
                            </div>
                            <div class="item-info">
                                <font bc-name='photo_num'>0</font>
                            </div>
                        </a>
                        <a class="list-item enter external" href="/m/center/auth">
                            <div class="left-icon">
                                <i class="icon-bottlecms-35"></i>
                            </div>
                            <div class="item-title">
                                诚信认证
                            </div>
                            <div class="item-info">
                                点亮图标
                            </div>
                        </a>
                        <a class="list-item enter external" href="/m/center/setmeal">
                            <div class="left-icon">
                                <i class="icon-bottlecms-36"></i>
                            </div>
                            <div class="item-title">
                                VIP套餐
                            </div>
                            <div class="item-info">
                                <font bc-name='setmeal_name'></font>
                            </div>
                        </a>
                    </nav>
                    <nav class="handle-list">
                        <a class="list-item enter external" href="/m/center/like">
                            <div class="left-icon">
                                <i class="icon-bottlecms-37"></i>
                            </div>
                            <div class="item-title">
                                心动
                            </div>
                            <div class="item-info">

                            </div>
                        </a>
                        <a class="list-item enter external" href="/m/center/footprint">
                            <div class="left-icon">
                                <i class="icon-bottlecms-38"></i>
                            </div>
                            <div class="item-title">
                                足迹
                                <s bottlecms-notice="footprint_total" class="dot hide"></s>
                            </div>
                            <div class="item-info">

                            </div>
                        </a>
                        <a class="list-item enter external" href="/m/center/contact">
                            <div class="left-icon">
                                <i class="icon-bottlecms-39"></i>
                            </div>
                            <div class="item-title">
                                联系方式
                                <s bottlecms-notice="contact_total" class="dot hide"></s>
                            </div>
                            <div class="item-info">

                            </div>
                        </a>
                    </nav>
                    <nav class="handle-list">
                        <a class="list-item enter external" href="/m/center/account">
                            <div class="left-icon">
                                <i class="icon-bottlecms-40"></i>
                            </div>
                            <div class="item-title">
                                钱包
                            </div>
                            <div class="item-info">

                            </div>
                        </a>
                    </nav>
                    <nav class="handle-list">
                        <a class="list-item enter external" href="/m/center/marketing">
                            <div class="left-icon">
                                <i class="icon-bottlecms-41"></i>
                            </div>
                            <div class="item-title">
                                推荐好友
                                <s bottlecms-notice="marketing_total" class="dot hide"></s>
                            </div>
                            <div class="item-info">
                                <font style='background:#F00;line-height: 1;border-radius:.7rem;padding:.1rem .5rem;color:#FFF;'>赚钱</font>
                            </div>
                        </a>
                    </nav>
                    <nav class="handle-list">
                        <a class="list-item enter external" href="/m/center/setup">
                            <div class="left-icon">
                                <i class="icon-bottlecms-42"></i>
                            </div>
                            <div class="item-title">
                                设置
                            </div>
                            <div class="item-info">

                            </div>
                        </a>
                    </nav>
                </section>
                <div th:replace="layout/m_layout::systemJs"></div>
                <div th:replace="layout/m_layout::footer"></div>
            </div>
        </div>
    </div>

    <span th:if="${pop eq 'contact'}">
    <div class="bcui_mask" style="display: block; opacity: 0.5;" onclick="removeBcMark()"></div>
    <div class="bcui_pop " style="display: block; left: 50%; top: 50%; margin-left: -125px; margin-top: -162px;"><div>
        <a href="/m/center/usermobile"><img style="display:block" width="250" height="325"
                                             src="/m/img/pop_verify_mobile.png"></a></div></div>
    </span>
    <span th:if="${pop eq 'identity'}">
    <div class="bcui_mask" style="display: block; opacity: 0.5;" onclick="removeBcMark()"></div>
    <div class="bcui_pop " style="display: block; left: 50%; top: 50%; margin-left: -125px; margin-top: -162px;"><div>
        <a href="/m/center/auth/identity">
            <img style="display:block" width="250" height="325" src="/m/img/pop_verify_identity.png"></a></div></div>
    </span>
    <span th:if="${pop eq 'vip'}">
    <div class="bcui_mask" style="display: block; opacity: 0.5;" onclick="removeBcMark()"></div>
    <div class="bcui_pop " style="display: block; left: 50%; top: 50%; margin-left: -125px; margin-top: -162px;"><div>
        <a href="/m/center/auth/identity">
            <img style="display:block" width="250" height="325" src="/m/img/pop_verify_vip.png"></a></div></div>
    </span>
    <script>
        function removeBcMark() {
            $(".bcui_mask").remove();
            $(".bcui_pop").remove();
        }
    </script>

</div>
</html>
